<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"  
      xmlns:h="http://java.sun.com/jsf/html"  
      xmlns:f="http://java.sun.com/jsf/core"  
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:t="http://myfaces.apache.org/tomahawk">  

    <ui:composition>
        <div class="span12">
            <fieldset>
                <legend><h:outputText value="THÔNG TIN LỚP HỌC"/></legend>
            </fieldset>
        </div>
        <div class="control-group">
            <label class="control-label" for="txtCourseName"><h:outputText value="Họ:"/> </label>
            <div class="controls">
                <h:inputText styleClass="span8" id="txtCourseName"  value="#{courseManageBean.course.courseName}"/>

            </div>
        </div>
        <div class="control-group">
            <label class="control-label" for="txtCourseLevel"><h:outputText value="Cấp độ:"/> </label>
            <div class="controls">
                <h:inputText styleClass="span3" id="txtCourseLevel"  value="#{courseManageBean.course.courseLevelName}"/>
            </div>
        </div>
        <div class="control-group">
            <label class="control-label" for="txtScheduler"><h:outputText value="Lịch Học:"/></label>
            <div class="controls">
                <h:inputText styleClass="span7" id="txtScheduler"  value="#{courseManageBean.course.scheduler}"/>
            </div>
        </div>
        <div class="control-group">
            <label class="control-label" for="txtTimeFrame"><h:outputText value="Ca:"/> <i class="icon-home"></i></label>
            <div class="controls">
                <h:inputText styleClass="span4" id="txtTimeFrame"   value="#{courseManageBean.course.timeFrame}"/>
            </div>
        </div>
        <div class="control-group">
            <label class="control-label" for="txtDescription"><h:outputText value="Miêu tả:"/> <i class="icon-home"></i></label>
            <div class="controls">
                <h:inputTextarea styleClass="span8" id="txtDescription"   value="#{courseManageBean.course.description}"/>
            </div>
        </div>
        <div class="control-group">
            <label class="control-label" for="txtStatus"><h:outputText value="Trạng Thái:"/><i class="icon-headphones"></i> </label>
            <div class="controls">
                <h:inputText styleClass="span3" id="txtStatus"  value="#{courseManageBean.course.status}" />
            </div>
        </div>
        <div class="control-group">
            <label class="control-label" for="txtStartDate"><h:outputText value="Khai Giảng:"/><i class="icon-headphones"></i> </label>
            <div class="controls">
                <h:inputText styleClass="input-xlarge datepicker" id="txtStartDate" value="#{courseManageBean.course.startedDate}" >
                    <f:convertDateTime type="both" pattern="dd/MM/yyyy" dateStyle="short" timeStyle="medium" />
                </h:inputText>
            </div>
        </div>
        <div class="control-group">
            <label class="control-label" for="txtCreatedOn"><h:outputText value="Ngày Tạo:"/><i class="icon-headphones"></i> </label>
            <div class="controls">
                <h:inputText styleClass="span3" id="txtCreatedOn" disabled="true" value="#{courseManageBean.course.createdDate}" >
                    <f:convertDateTime type="both" pattern="dd/MM/yyyy" dateStyle="short" timeStyle="medium" />
                </h:inputText>
            </div>
        </div>
        <div class="control-group">
            <label class="control-label" for="txtLastModified"><h:outputText value="Ngày Sửa:"/><i class="icon-headphones"></i> </label>
            <div class="controls">
                <h:inputText styleClass="span3" id="txtLastModified" disabled="true" value="#{courseManageBean.course.lastModifiedDate}" >
                    <f:convertDateTime type="both" pattern="dd/MM/yyyy" dateStyle="short" timeStyle="medium" />
                </h:inputText>
            </div>
        </div>
    </ui:composition>        

</html>  